* Create CSS.md

create instuction for css

* Create HOOKS.md

create instuction for hooks

* Create DIRS_STRUCTURE

create DIRS_STRUCTURE file

* Update DIRS_STRUCTURE

* Create NAMING_CONVENTION.md

* Update and rename DIRS_STRUCTURE to DIRS_STRUCTURE.md

* Update NAMING_CONVENTION.md

* Update NAMING_CONVENTION.md

* Create CONTRIBUTION.md

* Update DIRS_STRUCTURE.md

* feature/pretter-and-eslint-configure (#16)

* configure prettier

* configure ts-eslint

* update package.json

* update instructions

* update CSS.md

* feature/configure-2-themes-#17 (#18)

* configured sc + hooks-ts for theme providing

* clean: global-styles structure

* Merge pull request #20

* config: configure mui base with mui system

* feature/videos-page-ui-#9  (#22)

* chore:create search-bar

* update CSS.md

* chore: create title header

* chore: separate search bar functions into hook

* update HOOKS.md

* chore: create thumbnail

* chore: create avatar

* chore: change naming(add "Styled" prefix for components) and change exporting approach

* update docs

* chore: create textMixin and extend theme

* chore: shortify title-header.ts (With textMixin)

* chore: Create author name

* chore: Create video information

* update DIRS_STRUCTURE.md

* update CSS.md

* chore: update video-information (create dot separator and text elipsis) and change name to '-info' and move to new dir

* chore: add new font family and upgrade index.html performance

* chore: expand font size and remove fontFamily from components

* chore: move files to new dirs and rename text-mixin

* chore: Create authorInfo component

* chore: Create videoInfos component

* chore: Create videoContent component

* chore: Create mainContainer component

* chore: Rename App -> app

* chore: change StyledVideoContent html tag

* chore: Create main-content component

* chore: change file names and corresponded html tag, use flex gap over margin for mui components

* clean: remove unnecessary 'return' statements and borderRadius from main-content

* update CSS.md

* chore: Create scroll-bar for videos-section

* chore: Create several dummy articles

* chore: Create default borderRadius size and update components

* clean: create blank space, for good code structure

* chore: Add search bar for main view

* update DIRS_STRUCTURE.md

* clean: fix typo in HOOKS.md

* clean: shortify function

* update CSS.md

* clean: Create required structure for css

* update DIRS_STRUCTURE.md

* clean: shortify function

* clean: remove unnecessary css prop

* clean: create blank space

* clean: fix typo in css prop

* chore: restructure theme

* update package-lock.json

* chore: Create search-icon component

* chore: Reformat useFocus hook

* chore: update theme and reformat whole search-bar (split, redirect and recreate without mui base Input)

* update DIRS_STRUCTURE.md

* chore: Create cleaning search bar on 'esc'

* update HOOKS.md

* chore: Create scrollbar only on hover

* chore: Update light theme and components

* chore: Create dark theme

* update DIRS_STRUCTURE.md

* update CSS.md

* clean: remove unnecessary prop in themes and restructure code

* feature/create navbar and header (#27)

* update CSS.md

* update HOOKS.md

* update NAMING_AND_RULES_CONVENTION.md

* update themes

* chore: Create theme switch

* chore: Change theme-switch name for correct

* chore: Create header container

* chore: Create page wrapper and fit dependent components

* update NAMING_AND_RULES_CONVENTION.md

* chore: Create smooth transition between themes

* chore: Move files to proper directory

* update DIRS_STRUCTURE.md

* fix typo

* chore: Restructure styles approach and create common types

* chore: Add basic routing

* chore: Rename icon component

* update DIRS_STRUCTURE.md

* clean: restructure code

* chore: Create button

* chore: Create navbar

* clean: Restructure theme switch

* clean: Fix naming in theme switch

* clean: clean code

* clean: Rename router browser

* Merge pull request #28

* chore: Fix videos section padding and scrollbar

* Merge pull request #29

* update DIRS_STRUCTURE.md

* chore: Update routing dir files

* chore: Split videos route, create scrollbar as mixin and create title…

* clean: Move search-bar-wrapper.ts to proper dir

* clean: Group atomic components

* Merge pull request #31

* chore: Update themes

* chore: Add 'alt' for icons

* chore: Restructure files(Create subdirectory) and move search bar

* clean: Remove unnecessary prop

* chore: Create store components

* chore: Refactor videos-section.tsx (Use generic item component)

* chore: Create store routing and navigation between pages

* update DIRS_STRUCTURE.md and NAMING_AND_RULES_CONVENTION.md

* chore: Rename files and restructure project

* chore: Add new color for themes

* chore: Create delete confirmation modal

* chore: Fix delete-modal position

* chore: Create editable input for store

* chore: Change global font

* chore: Create generic logic hook and fix  store keyword overlapping

* clean: Change delete-modal-button dir and clean code

* clean: Clean delete-modal.tsx

* clean: Delete unused hook

* update CSS.md

* clean: Restructure css

* clean: Add 'Styled' prefix

* update CSS.md

* clean: Restructure CSS

* Merge pull request #32

* chore: Fix dot separator and split components in videos article

* chore: Create home page and create focus on navigation

* clean: Restructure search-bar.tsx

* Merge pull request #33

* chore: update packages

* Merge pull request #34

* update DIRS_STRUCTURE.md

* chore: Restructure components

* RAW_feature/Create Auth Page UI (#37)

* chore: Create page-mixin

* clean: Change css props name

* chore: Delete app component and refactor global routing

* chore: Add sx prop to theme-switch

* RAW_chore: Create Auth Page UI (Commented code for save)

* Feature/Create fatal errors snackbar (#44)

* Implement snackbar component

* Simplify and reformat code

* Add styling for error and use unstable_sx

* Remove unused css property

* feat: Refactor snackbar.tsx

Split component for custom hook and tsx part and change component behavior(remove unnecessary props)

---------

Co-authored-by: PatrykKuniczak <[email protected]>

* Fix/theme switch (#43)

* Fix bug with switching theme button

* Fix theme flickering on page refresh

* Improve hook structure

* Improve code style

* fix: Running animation on theme change on refresh or reload page. (#47)

And i fix issue when default 'system' value is set in LS, cause on change from 'system' sometimes nothing happened

---------

Co-authored-by: PatrykKuniczak <[email protected]>

* Fix/focus state #24 (#46)

* Fix search focus state and focus styling for button

* Fix button shape changing when focused

* Fix focus trap and make outline thinner on focus

* Disable tab for modal

* Add eslint plugin for react (#50)

* Searching mechanism (#49)

* Implement searching mechanism using dummy data

* Fix showing wrong results while searching

* Extract logic for search to separate hook

* Move function for cleaning content to search hook

* Change name

* Make hook more generic

* Add prop with search param key

* reformat(search-mechanism): Remove 'key' props and change params handling approach from useSearch

---------

Co-authored-by: PatrykKuniczak <[email protected]>

* Dropdown with sign out option (#48)

* Update mui dependencies

* Add profile dropdown with sign out option

* Remove redundant properties

* Use vars for props and adjust cursor and outline

* Code formatting and add cursor pointer

* Extract profile code to separated component

* reformat(dropdown): add blank space

---------

Co-authored-by: Patryk Kuniczak <[email protected]>

* Refactor editing hook and add creating option (#53)

* Refactor editing hook and add creating option

* Improve placeholders

* Improve CSS properties order

* test

* improvement: create styles for error hint

* refactor: clean code

* improvement: rename basicLogic hook

* improvement: new deps for package-lock.json

---------

Co-authored-by: Bartosz Wysowski <[email protected]>
Co-authored-by: Patryk Kuniczak <[email protected]>

* Create google oauth and express session (#54)

* feat(integrate-google-auth): Init project and integrate google passport

* feat(google-oauth): Create session cookie name as const

* feat(integrate-google-auth): Create session store and add guard for it

* feat(integrate-google-auth): Create envs and configure

* Update CONTRIBUTION.md

* Remove unused value from env files

* feat(google-oauth): Create google button

* refactor: wrap project by template for react + ts + vite Chrome extension

* fix(google-auth): fix issues with auth process

* fix(google-auth): change status code from 403 to 401 in session guard

* feat(google-oauth): handle refreshing access token when is expired

* fix(google-oauth): fix delay on session checking

* fix(google-oauth): remove unnecessary validation in session guard and improve who it's works

* improvement: remove unnecessary import in typeOrm config

* feat(google-oauth): create removing account, and refactor creating oauth instances

Now only google credentials is created instead of oauth instance

* improvement: simplify envs

* fix(google-oauth): Change http method to correct for remove account endpoint

* feat(google-oauth): configure and create swagger docs

* fix(google-oauth): change script in package.json for production, for properly one

* improvement(google-oauth): create docs for nest

* improvement: move packages to proper place in package.json

* refactor: move files from src to utils

* refactor: update example env

* improvement: improve comment in constants

* improvement(google-oauth): add self-closing script for the static html on redirect

* improvement: change type for withSuspence and create withErrorBoundary

* refactor: restructure utils folder

* improvement(readme): update readme and instructions

* feat(google-oauth): create protector for pages

* improvement: add development mode to watch scripts

* improvement: move dev and firefox env from vite env config to proper type file

* improvement: create wrapper for providers

* fix: move swagger config to proper folder

* fix: add forgotten prop in example.env file

* fix: fix several issue after rebase

Fix also bug with error message position on edit

Next with navigation to videos page

And add missing 'Styled' prefixes for some components

* fix: spelling in README.md

* fix: move mapped-types package to devDeps in package.json

* fix: description on swagger decorator

* fix: remove unique from avatar in user entity

* fix: import of TVoid type (#97)

* Feat/create navbar styles #91 (#99)

* fix: import of TVoid type (#97)

* Update button.ts

* style: box shadow for currently used navbar option

* style: restructure styles hierarchy

---------

Co-authored-by: Bartosz Wysowski <[email protected]>

* feat: create configs (#100)

* feat: create eslint, commitlint, prettier and husky configs for BE and FE

* fix: change NODE_ENV type for start script on BE

* fix: add missing providers in auth module

* fix: add mistaken removed npm package (#101)

* feat: use real avatar and fix overflowing content (#104)

* feat: add missing accessibility attributes (#106)

* feat: add sign out logic (#105)

* feat: add logic for sign out

* refactor: remove redundant memo

* fix: logout and remove account (#110)

* fix: destroy session on account remove

remove session removing on logout (cause passport do it) and update passport to 0.6.0

* fix: spelling in swagger description

* Fix/eslint prettier config (#107)

* fix: fix eslint config and conflicts between prettier and eslint

Also fix wrong import of useTernaryDarkMode

* docs: create info about eslint and prettier in README.md on FE

* docs: create info about CRLF in README.md on FE

* docs: fix wrong info in README about git crlf

* docs: add forgotten options about eslint and prettier to README.md

* fix: remove useTabs from prettier on FE and reconfigure prettier on BE

also currently resolve conflicts between eslint and prettier

* fix: change order of lint-staged script

* fix: resolve conflicts

* style: remove blank space from IUser interface

* docs: update CONTRIBUTION.md

* docs: remove 1 config way of FE README.md

* fix: add missing husky install script and update CONTRIBUTION.md

* fix: resolve conflicts

* fix: run prettier for both apps on new config

* Feat/update backend packages (#112)

* improvement: update packages on BE and use SWC for v10 nest

also remove tests from tsconfig

* improvement: remove "^" from package.json

* refactor: run prettier

* Feat/update frontent packages #111 (#113)

* docs: update packages and get new changes from template repo

* refactor: run prettier

* fix: run prettier for both apps

* fix: back DOCTYPE in upper case

* docs: create new CONTRIBUTION from old README on both app (#114)

* docs: connect both README.md into 1 CONTRIBUTION.md

* docs: update CONTRIBUTION.md

* fix(add-input.tsx): remove-StyleErrorMessage (#115)

* fix: changed style of popup error to avoid bug (#116)

* feat: implement removing account (#117)

* feat: implement removing account

* refactor: improve types and use render props for modal

* Merge pull request #121

* fix: remove clearing cookie on failed logout

* Improvement: removing onMouseOver focus from search bars (#120)

* improvement: removing onMouseOver focus

* fix: remove unused focus props from searchBar

* Improvement: Add InputKeyboard validation as custom hook (#119)

* feat: add validation to KeyboardInput

* fix(eslintrc): add new rule

* improvement: changing validation into custom hook

* fix: mistake  with max validationNumber

* fix: add all requested changes

* Update react-app/.eslintrc

---------

Co-authored-by: PatrykKuniczak <[email protected]>

* feat(keywords): create crud (#123)

* Feat: add item to context menu #63 (#125)

* feat: add option to context menu for adding new keyword

* fix: type for create properties

* feat: implement notifications for content (#118)

* feat: implement notifications for content

* refactor: separate notification components

* improvement: naming and alt

* fix: styling on different pages

* style: simplify properties

* improvement: move theme files to avoid duplication

* fix: typo

* fix: display properly close X button

* improvement: add hover styling on close button

* improvement: hover styling

* style: change variable name

* improvement: add active state and fix icons

---------

Co-authored-by: Patryk Kuniczak <[email protected]>

* Merge pull request #127

* fix: keyword dir name and entity

* fix: add readonly on user entity

* Fix: Change focus on click edit button (#122)

* fix: add autoFocus to remove bug

* feat: implement crud

* improvement: decouple modal component

* improvement: simplify changing modal visibility

* improvement: adding and editing input validation

* fix: not updating list of keywords and button state

* improvement: validation and remove console.log

* fix: changing modal visibility

* fix: add autoFocus to remove bug

* improvement: closing one input when user try to open other one

* fix: change  position of line under edit icon

* style: create blank space

---------

Co-authored-by: masterHAWK99 <[email protected]>
Co-authored-by: Patryk Kuniczak <[email protected]>
Co-authored-by: PatrykKuniczak <[email protected]>

* feat: add 'watch later' button link to playlist (#129)

* feat: implement crud (#126)

* fix: bug with edit input on click close input button

* fix: validation state after keyword was added

---------

Co-authored-by: Patryk Kuniczak <[email protected]>

* fix: type for focus in home page (#131)

* Merge pull request #137

* fix: change full object over id from keyword POST

* Merge pull request #142

* fix: change get to post on /auth/me and fix error for custom axios in…

* chore: bump rollup version (#141)

* chore: bump rollup version

* fix: update package-lock.json

---------

Co-authored-by: Patryk Kuniczak <[email protected]>

* Feat: Add react-toastify lib & logout toast when 401 error occurs (#124)

* feat: add react-toastify lib

* feat: add toast when logout through 401 error

* feat: update toast features (autoclose, width to close)

* feat: moving up error toast in execution chain

* feat: add toasts for login, logout, delete, edit

* fix: add all requested changes

* feat: change notification into react toast

* fix: moving config from toast to ToastContainer

* refactor: removing notification component and use only ToastContainer

* refactor: remove unnecesary 'await' for toasts

* refactor: change toastId names

* refactor: remove toast on success login

* improvement: move injecting style outside component

---------

Co-authored-by: masterHAWK99 <[email protected]>

* feat/create crud for yt (#136)

* improvement: use userId decorator and oauthClient provider over credentials provider

* feat: create fetching videos from keywords

Handle quota limit and update CONTRIBUTION.md

* improvement: handle refreshing access token in session guard

* improvement: handle case when user deauthenticate manually permission for our app

* improvement: create youtube client accessible in entire service

also create lastFetch column as not selectable as default

* fix: check if session exists before check oauth credentials

* feat: rename user and session modules, and create relation between user, and yt videos and keywords

* fix: relation between user and keywords

* fix: adjust findAll from yt videos service for new relations

* refactor: split canActive session guard func into smaller parts

* improvement: create offset for refreshing access token

* fix: adjust updating user playlist to new relations

* fix: filter out empty results from keywords fetch

* docs(keywords): create example data on return from find

* refactor: rename playlist func

* docs: fix link for YT API

* feat: create caching data from yt

* fix: change folder name to proper

* fix: change response class name to proper

* improvement(user-yt-videos): add example data for all props which don't have

* refactor: simplify code

* refactor: reverse if statement

* Merge pull request #145

* refactor: remove unnecessary code for /auth/me

* fix: handle quota limit error on all request inside update playlist e…

* fix: change type from any

* docs: remove unnecessary husky part in CONTRIBUTION (#146)

* refactor: change params of auth popup (#147)

* feat/Example data for user and keywords endpoints (#138)

* feat(auth/key-words): create example data for swagger

* feat: create object with info for errors

* feat/Set on migrations (#148)

* improvement: set on migrations

* fix: remove unnecessary node var from build script

* fix: enable auto running migration on start

* Feat: create loadings and erorrs components (#144)

* feat: add react-skeleton lib

* feat: add react-skeleton for loading elements

* improvement: renaming Skeleton components & using isLoading instead of ||

* refactor: change styled-skeleton file name

* refactor: remove unnecessary console.log

* refactor: set count of 4 for skeletons in keywords

* Create LICENCE

* improvement: add MIT licence to packages and add contributors (#151)

* feat: add support for i18n (#130)

* feat: add support for i18n

* feat: use language from browser as default

* style: separate translations and improve code style

* improvement: add missing translations

* fix: wrong language on auth page

* improvement: add translations for toasts

* improvement: add and rename types for errors

* improvement: remove duplicated translation & group

* fix: fix typo on keywords find 'cause'

* Update react-app/public/locales/en/translation.json

Co-authored-by: PatrykKuniczak <[email protected]>

* improvement: correct key to keyword_not_found

* Update react-app/public/locales/pl/translation.json

---------

Co-authored-by: Patryk Kuniczak <[email protected]>
Co-authored-by: PatrykKuniczak <[email protected]>

* fix: getting user yt data with the rest user credentials (#154)

* Feat/deploy for dev #70 (#159)

* improvement: create config for remote-dev

* improvement: create hostname for listener

* fix: change dev:remote script, from nest to file path with node

* fix: remove ssl form typeorm config

* fix: run 'npm i' for set new data on lock file

* fix: enable requests from all hosts

* improvement: restructure packages in each dir and update CONTRIBUTION.md

* Merge pull request #160

* fix: change packageJson to proper one

* feat/create logger for fatal errors (#164)

* feat: create saving fatal errors on DB and create user resource global

* fix: remove unnecessary import

* fix: naming and structure of error object

* fix: create migration

* fix/using default fetch date properly (#167)

* fix: use default fetch date properly (on fetch start)

* fix: create migration

* reafactor/rename keywords entity and restructure session dir (#166)

* improvement: update CONTRIBUTION.md, add migration script

* refactor: rename keywords entity and restructure session dir

* fix: create migration

* fix/adjust code for work on deploy (#163)

* fix: change PORT env name

* fix: use host in google callbackURL

* fix: use expanding envs only for local dev

* fix: create properly assigning cookie on redirect

* improvement: update CONTRIBUTION.md

* fix: change default PORT

* fix: duplicated page title (#161)

* fix: change pathname to /store

* fix: reverse order of condition for setTitle

* improvement: change playlist on 'watch later' btn on navbar  (#162)

* improvement: change playlist on watch later button

* refactor: separate UserYtVideo interface

* feat: add searching mechanism for videos (#153)

* feat: add searching mechanism for videos

* feat: add avatar property in videos array

* refactor: add video interface

* improvement: connecting videos with translation

* refactor: create VideoArticleSkeleton component

* refactor: remove unnecessary comparison

* refactor: remove unnecessary const publishedDate

* Merge pull request #169

* fix: create migration

* improvement: rename app and all references to 'yt notifier' (#168)

* improvement: save (#171)

* Feat: error handlers components (#149)

* feat: add ErrorBoundary prototype

* refactor: change style of ErrorPage

* refactor: lifting up ThemeProvider to index

* refactor: remove unnecessary components in ErrorPage

* refactor: change hasError to false

* refactor: remove div and change p to span

* refactor: change error text paragraph

* refactor: wrap error title in <h1>

* improvement: add translation to ErrorPage

* refactor: add aria-hidden to octagonError

* fix: repair fallbackError translation

* refactor: change name of heading prop

* fix: errors from previous PR's and move internationalization to libs (#176)

* config: change logo (#170)

* improvement: change logo

* refactor: change icon name to logo

* improvement: add logo to toast outside popup

* refactor: add translation to logo

* fix: change approach to send videos amount between scripts

* refactor: change colour of logo

---------

Co-authored-by: Patryk Kuniczak <[email protected]>

* feat/Fetching user videos (#182)

* chore: create displaying notification with real data

* chore: add views to user video resource on BE

* chore: create displaying videos and enable interactivity

* chore: recreate playlist if user delete it manually from yt account

* chore: create watch later button with functionality for videos

* fix: displaying notification about new videos

* chore: create closing all notification (on other pages) when user close on one

* fix: exclude login redirect page for content script

* chore: display abbreviations for video views

* fix: return video views amount as a number instead of string

* fix: simplify Video interfaces use cases

* fix: recreate error toast for content script

* fix: type in internationalization and improve naming

* fix: translation files structure

* fix: adjust toast for content script (#184)

* Merge pull request #186

* fix: enable helmet for API

* Merge pull request #185

* fix: checking if user playlist exists before open window in browser

* fix/loading on changing user state (#189)

* fix: create loading on startup and logout

* refactor: improve structure of code for protected page

change also type for components

* fix/ delete account modal is broken   (#181)

* fix: change ModalContent height and add extra padding

* refactor: remove paddingTop

* feat/collecting and downloading errors data for user machine (#187)

* feat: create downloading errors button

* fix: refactor error logs

* fix: add missing nullable for users and key-words entities

* fix: handle issue when videos list is empty

* fix: add missing create migration script for package.json

* fix: add to eslint ignore migrations dir

* fix: remove unnecessary table key-word

* fix: keyboard focus on download errors btn

* refactor: improve behaviour onclick download button from keyboard

* Improvement/improve a11y #83 (#188)

* feat: add query to override transitions when appropriate

* feat: add proper lang and title for routes

* improvement: disable auto focusing elements

* improvement: add missing attributes for inputs

* improvement: add proper tag for click events

* improvement: add proper tag for click events

* chore: update title for views

* fix: style of bullet point and change outline

* style: change border radius instead outline

* fix: menu download button structure

* fix: change languages menu html structure

---------

Co-authored-by: Patryk Kuniczak <[email protected]>

* fix: flickering error while changing state of input (#194)

* feat/contact with devs footer (#193)

* feat: create footer in the left bottom corner with link for our GH issues

* refactor: change a little description for bug issue

* refactor(github-icon): remove unnecessary thing

* fix: typo in bug issue template

* refactor: change github icon -> link

* refactor: change github link

* improvement/display info about created keyword from contextMenu (#179)

* improvement: add background toasts

* feat: create toasts for success and error events for context menu

* fix: creating context Menu on every browser start

* fix: get host permission url from env

* fix: catch errors when content script wasn't accepted

* refactor: compress code, by create helpers func and refactor toast type

* refactor: rename custom toasts

---------

Co-authored-by: Patryk Kuniczak <[email protected]>

* feat: add i18n for manifest (#195)

* feat: add i18n for manifest

* style: add dots at end of sentences in description

* Fix/Create notification the same on every page (#178)

* fix: update package-lock.json

* fix: catching error about tabs which don't accept content script

* fix: resolve issue with different notification look on different pages

* fix: shortify autoClose time for notification

---------

Co-authored-by: Patryk Kuniczak <[email protected]>

* Merge pull request #199

* fix: don't display notification again after close

* Merge pull request #200

* fix: context menu translation on changing language on browser

* Merge pull request #202

* fix: use the same transition for auth and home page

* fix: decrease opacity amount for videos section (#203)

* Merge pull request #205

* fix: color of watch later button on videos section

* fix/theme switch (#206)

* fix: add transition to elements where it's missing

* fix: set off autocomplete for search bar

* fix: svg icons in theme switch

* fix: add missing blank space

* chore/Create README (#198)

* chore: create RAW main README.md

* fix: create RAW backend README.md

* fix: fix description on backend

* fix: set proper logo for BE

* chore: add npm to BE

* chore: add npm icon for main README.md

* chore: create RAW frontend README.md

* chore: create main README.md

* fix: pronouns on BE README.md

* fix: change structure of main README.md

* fix: rename folder with screenshots

* fix: change structure of BE README.md

* fix: update main README.md

* fix: restructure and edit all README.md

* fix: fix spelling and change structure of frontend README.md

---------

Co-authored-by: masterHAWK99 <[email protected]>
Co-authored-by: Bartosz Wysowski <[email protected]>
Co-authored-by: Bartosz Wysowski <[email protected]>
Co-authored-by: masterHAWK99 <[email protected]>